import React from 'react';
import { BrowserRouter, NavLink, Route, Switch, Redirect } from 'react-router-dom';
// 引入首页
import Home from './home/Home.jsx';
// 引入商家入驻
import Busin from './Business/Shop';
// 校园招聘
import Campus from './campus/campus';
// 招采平台
import Bidding from './bidding/bidding';
// 帮助中心
import Help from './help/index';
// 举报平台
import Report from './report/index';
// 引入分享赚钱
import Share from './share/Zcpt.jsx';
// 引入热点资讯
import Hotspot from './hot/Hot';
// 引入社会招聘
import Sociology from './society/Society';
// 引入样式
import './scss/index.scss';

const Index = () => {
  return (
    <BrowserRouter basename="/pindd">
      <div className="app">
        <div className="appTop">
          <img src="https://funimg.pddpic.com/career/img/pdd_logo_1.png.slim.png" alt="logo" />
          <ul className="appTopBody">
            <li>
              <NavLink to="/" exact>
                首页
              </NavLink>
            </li>
            <li>
              <NavLink to="/business">商家入驻</NavLink>
            </li>
            <li>
              <NavLink to="/hotspot">热点资讯</NavLink>
            </li>
            <li>
              <NavLink to="/Sociology">社会招聘</NavLink>
            </li>
            <li>
              <NavLink to="/campus">校园招聘</NavLink>
            </li>
            <li>
              <NavLink to="/Bidding">招采平台</NavLink>
            </li>
            <li>
              <NavLink to="/help">帮助中心</NavLink>
            </li>
            <li>
              <NavLink to="/report">举报平台</NavLink>
            </li>
            <li style={{ border: 'none' }}>
              <NavLink to="/share">分享赚钱</NavLink>
            </li>
          </ul>
        </div>
      </div>
      <div style={{ height: '107px' }}></div>
      <Switch>
        {/* 首页 */}
        <Route path="/" exact component={Home} />
        <Route path="/campus" exact component={Campus} />
        <Route path="/bidding" exact component={Bidding} />
        <Route path="/help" exact component={Help} />
        <Route path="/report" exact component={Report} />
        <Route path="/share" exact component={Share} />
        <Route path="/hotspot" exact component={Hotspot} />
        <Route path="/sociology" exact component={Sociology} />
        <Route path="/business" exact component={Busin} />
        <Redirect from="*" to="/" />
      </Switch>
      {/* 底部 */}
      <div className="appBottom">
        <div className="pdd-foot-head">
          <div className="pddFootLeft">
            <div>
              <img
                src="https://cdn.pinduoduo.com/upload/home/img/common/pdd_foot_wechat.png"
                alt="2wm"
              />
              <p>扫描二维码微信关注</p>
            </div>
            <div>
              <img
                src="https://cdn.pinduoduo.com/upload/home/img/common/pdd_foot_wechat.png"
                alt="2wm"
              />
              <p>扫描二维码下载App</p>
            </div>
            <div>
              <img
                src="https://cdn.pinduoduo.com/upload/home/img/common/pdd_foot_wechat.png"
                alt="2wm"
              />
              <p>微信扫码免费领取拼多多店铺</p>
            </div>
          </div>
          <div className="pddFootRight">
            <p className="title">联系我们</p>
            <p>客服&举报电话：021-53395288（推荐）或400-8822-528</p>
            <p>商家热线：021-5339-5088</p>
            <p>商家客服服务时间：8:00-20:30</p>
            <p>消费者客服服务时间：8:00-21:30</p>
            <p>消费者客服外呼号码显示：9541366（仅呼出，不支持呼入）</p>
            <p>上海寻梦信息技术有限公司</p>
          </div>
        </div>
        <ul className="pd_nav_list">
          <li>入驻多多国际</li>
          <li>校园招聘</li>
          <li>关于我们</li>
          <li>帮助中心</li>
          <li>下载App</li>
          <li>消费者保障</li>
          <li>维权投诉指引</li>
          <li>廉正举报</li>
          <li>服务协议</li>
          <li>隐私政策</li>
          <li>征求意见</li>
          <li>Investor Relations</li>
        </ul>
        <div className="copyright">
          <p>Copyright 2015-2020 pinduoduo.com 版权所有(增值电信业务经营许可证：沪B2-20170215)</p>
          <p>互联网药品信息服务资格证书：（沪）-经营性-2019-0052</p>
          <p>
            <i className="record-img"></i>
            沪公网安备
            31010502000392号（沪）网械平台备字[2018]第00003号沪ICP备15010535号-13|营业执照
          </p>
          <p>全国旅游服务热线：12301</p>
        </div>
        <div className="foot_ft">
          <img src="https://cdn.pinduoduo.com/upload/home/img/common/wgxxjb_v2.png" alt="1" />
          <img src="https://cdn.pinduoduo.com/upload/home/img/common/yhxxjb.jpg" alt="2" />
          <img
            src="https://cdn.pinduoduo.com/upload/home/img/common/pdd_weiquan_entry.png"
            alt="3"
          />
          <img
            src="https://cdn.pinduoduo.com/upload/home/img/common/pdd_food_trade_entry.jpg"
            alt="4"
          />
          <img
            src="https://cdn.pinduoduo.com/upload/home/img/common/pdd_wangjing_tip.jpg"
            alt="5"
          />
          <img
            src="https://cdn.pinduoduo.com/upload/home/img/common/pdd_foot_shop_comment.png"
            alt="6"
          />
          <img
            src="https://cdn.pinduoduo.com/upload/home/img/common/pdd_foot_competition.png"
            alt="7"
          />
        </div>
      </div>
    </BrowserRouter>
  );
};

export default Index;
